<template>
	<view class="fram">
		<view class="tab_box">
			<view class="tab_item item_1">
				综合排名
			</view>
			<view class="tab_item">
				销量排名
			</view>
			<view class="tab_item">
				距离优先
			</view>
			<view class="tab_item">
				人气优先
			</view>
		</view>
		<view class="control_box">
			<view class="control_item">
				<navigator url="/pages/farm/farmDetail/controlView">
					<view class="control_win">
					这会是一张图片
					</view>
				</navigator>
				<view class="control_detail_text">
					<view class="detail_item">
						<view class="detail_item_name">
							田智中的农场
						</view>
						<view class="detail_item_value">
							地点：重庆市广安区XX中心
						</view>
					</view>
					<view class="detail_item">
						<view class="detail_item_name">
							经营范围：
						</view>
						<view class="detail_item_value">
							香蕉、苹果、梨子、茄子、榴莲
						</view>
					</view>
					<view class="detail_item">
						<view class="detail_item_name">
							场地温度：
						</view>
						<view class="detail_item_value">
							25℃  2021.12.12  晴
						</view>
					</view>
					<view class="detail_item">
						<view class="detail_item_name">
							温度变化：
						</view>
						<view class="detail_item_value">
							5-12℃  pm2.5值：54  风力：2级
						</view>
					</view>
				</view>
			</view>
			<view class="control_item">
				<navigator url="/pages/farm/farmDetail/controlView">
					<view class="control_win">
					这会是一张图片
					</view>
				</navigator>
				<view class="control_detail_text">
					<view class="detail_item">
						<view class="detail_item_name">
							田智中的农场
						</view>
						<view class="detail_item_value">
							地点：重庆市广安区XX中心
						</view>
					</view>
					<view class="detail_item">
						<view class="detail_item_name">
							经营范围：
						</view>
						<view class="detail_item_value">
							香蕉、苹果、梨子、茄子、榴莲
						</view>
					</view>
					<view class="detail_item">
						<view class="detail_item_name">
							场地温度：
						</view>
						<view class="detail_item_value">
							25℃  2021.12.12  晴
						</view>
					</view>
					<view class="detail_item">
						<view class="detail_item_name">
							温度变化：
						</view>
						<view class="detail_item_value">
							5-12℃  pm2.5值：54  风力：2级
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.fram {
		.tab_box {
			display: flex;
			height: 60rpx;
			line-height: 60rpx;
			background-color: #FFFFFF;
			box-shadow: 3rpx 3rpx 1rpx #555555;
		}
		.item_1{
			background-color: #F74D54;
			border-radius: 5rpx;
		}
		.tab_item {
			flex: 1;
			text-align: center;
			font-size: 26rpx;
		}

		.control_win {
			height: 260rpx;
			width: 100%;
			border-radius: 10rpx;
		}

		.control_item {
			margin: 8rpx;
			border-radius: 10rpx;
			background-color: #FFFFFF;
			box-shadow: 3rpx 3rpx 9rpx #CCCCCC;
			.control_detail_text {
				width: 100%;
				margin: 8rpx;
				.detail_item {
					padding: 8rpx;
					display: flex;
				}

				.detail_item_name {
					flex: 2;
					font-size: 18rpx;
				}

				.detail_item_value {
					flex: 3;
					font-size: 18rpx;
				}
			}
		}
	}
</style>
